13. Analyzing Layout in DevTools

INSTRUCTOR NOTE:

Here's the sample page Ilya and Cameron are using, if you're interested in examining its layout.

Note: layout can be triggered by device orientation change on mobile, a window resize, or any other action that modifies the content of the DOM - e.g. adding or removing content from the DOM tree, toggling CSSOM properties on a node, and so on!

Download the Gizmodo timeline trace.

Cameron says: Unfortunately, Google changed the file format for Chrome timeline traces after this course was released. The trace linked above will not load, but we're working on generating a new one. In the meantime, keep watching to see what you can learn from timelines.

Follow your instructors!

+Ilya Grigorik, @igrigorik

@cwpittman